<template>
  <div class="page-container">
    <el-tabs v-model="tabActiveName">
      <el-tab-pane name="1" label="批作业监控">
        <Table1 />
      </el-tab-pane>
      <el-tab-pane name="2" label="实时作业监控">
        <Table2 />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Table1 from './table1'
import Table2 from './table2'
export default {
  components: {
    Table1, Table2
  },
  data() {
    return {
      tabActiveName: '1'
    }
  }
}
</script>

<style lang="scss">
.page-container {
  height: 100%;
}
</style>
